.nav {
  > li {
    > a {
      &:hover,
      &:focus {
        background-color: $nav-link-hover-bg;
      }
    }
    &.disabled > a {
      color: $nav-disabled-link-color;

      &:hover,
      &:focus {
        color: $nav-disabled-link-hover-color;
        background-color: transparent;
      }
    }
  }

  .open > a {
    &,
    &:hover,
    &:focus {
      background-color: $white-color;
    }
  }
  .nav-divider {
    @include nav-divider;
  }
}
//默认tab样式
.nav-tabs-default {
  >.nav-tabs {
      >li {
          >a {
              color: $text-color;
              background-color: $white-color;

              &:hover {
                  color: $brand-primary;
                  background-color:  $white-color;
              }
          }
      }

      >li.active {

          >a,
          >a:focus,
          >a:hover {
              color:  $brand-primary;
              background-color:  $white-color;
          }
      }
  }
}

//垂直选项卡
.nav-tabs-vertical {
  >.nav-tabs {
      >li {
          >a {
              color: $text-color;
              background-color:  $white-color;
              &:hover {
                  color:  $brand-primary;
                  background-color:  $white-color;
              }
          }
      }

      >li.active {
          >a,
          >a:focus {
              color:  $white-color;
              background-color:  $brand-primary;
          }
      }
  }
}

//简易选项卡
.nav-tabs-easy {
  >.nav-tabs {
      >li {
          >a {
              color: $text-color;
              background-color:  $white-color;
              &:hover {
                  color:  $brand-primary;
                  background-color:  $white-color;
              }
          }
      }

      >li.active {

          >a,
          >a:focus,
          >a:hover {
              border: none;
              border-bottom: 1px solid  $brand-primary;
              color:  $brand-primary;
              background-color:  $white-color;
          }
      }
  }
}

//简易选项卡
.nav-tabs-card {
  >.nav-tabs {
      background-color: mix($brand-primary,$white-color,5%);
      >li {
          >a {
              color: $text-color;
              background-color:  mix($brand-primary,$white-color,5%);

              &:hover {
                  color:  $brand-primary;
              }
          }
      }

      >li.active {
          >a,
          >a:focus,
          >a:hover {
              color:  $brand-primary;
              background-color:  $white-color;
          }
      }

  }
}
.nav-pills {
  > li {
    &.active > a {
      &,
      &:hover,
      &:focus {
        color: $nav-pills-active-link-hover-color;
        background-color: $nav-pills-active-link-hover-bg;
      }
    }
  }
}
